(function() {
	$.ajax({
		url:'http://127.0.0.1:3000/api/getinlanddiscount',
		success:function(data) {
			console.log(data);




			var count = Math.ceil(data.result.length / 4);//每四组数据作为一个元素放进一个二维数组，看能分成几份

			var uls = '';//拼接字符串， 在页面上渲染  作为容器用来盛放渲染后的DOM节点
			for(var i = 0; i < count; i++) {
				uls += '<ul></ul>';
			}

			$('#lazy').html(uls);
			var array = [];
			for(var i = 1; i <= count; i++) {//循环截取四个元素放进新的数组
				var result = data.result.splice(0, 4)
				var arr ={};
				arr.result = result;

				array.push(arr);
			}
			// console.log(array);

			var html = template('template', array[0]);
			$('#lazy>ul:nth-child(1)').html(html);


			var scrollTop = 0;
			var height = 500;//每四个数据渲染后所占的页面的高度
			var page = 0;
			window.onscroll = function() {//监听窗口滚动事件
				scrollTop = window.pageYOffset;
				page = Math.ceil(scrollTop / height);//计算出窗口滚动时需要显示的页数
				console.log(page);

				var html = template('template', array[page]);
				$('#lazy>ul').eq(page).html(html);

			}
		}
	})
})()